﻿@model WAMM.WebUI.Models.PersonWebUIModel

@{
	View.Title = "Create";
}

@section HeadAdditions {
	<link type="text/css" href="@Url.Content("~/Content/ui-lightness/jquery-ui-1.8.5.custom.css")" rel="stylesheet" />	
	<script type="text/javascript" src="@Url.Content("~/scripts/jquery-ui-1.8.5.custom.min.js")"></script>

	<script type="text/javascript">
		$(function () {
			$("#datepicker").datepicker();
		});
	</script>
}
	<h2>Create</h2>

	@using (Html.BeginForm()) {
		@Html.ValidationSummary(true) 

		<div class="editor-label">
			@Html.LabelFor(model => model.FirstName)
		</div>
		<div class="editor-field">
			@Html.TextBoxFor(model => model.FirstName) 
			@Html.ValidationMessageFor(model => model.FirstName)
		</div>		
		<div class="editor-label">
			@Html.LabelFor(model => model.LastName)
		</div>
		<div class="editor-field">
			@Html.TextBoxFor(model => model.LastName) 
			@Html.ValidationMessageFor(model => model.LastName)
		</div>
		<div class="editor-label">
			@Html.LabelFor(model => model.Gender)
		</div>
		<div class="editor-field">
			@Html.DropDownListFor(m=>m.Gender, Model.GenderChoices) 
			@Html.ValidationMessageFor(model => model.Gender)
		</div>
		<div class="editor-label">
			@Html.LabelFor(model => model.Guest)
		</div>
		<div class="editor-field">
			@Html.CheckBoxFor(m => m.Guest)
		</div>
		<div class="editor-label">
			@Html.LabelFor(model => model.BirthDate)
		</div>
		<div class="editor-field">
			@Html.TextBoxFor(m => m.BirthDate, new { id = "datepicker"} )
			@Html.ValidationMessageFor(m => m.BirthDate)
	   </div>
		<div class="editor-label">
			@Html.LabelFor(model => model.PrimaryContactForFamily)
		</div>
		<div class="editor-field">
			@Html.CheckBoxFor(m => m.PrimaryContactForFamily)
		</div>
			
		<p>
		  <input type="submit" value="Create" />
		</p>
	}

	<div>
		@Html.ActionLink("Back to List", "Index")
	</div>




